<script setup lang="ts">
import Header from "./views/Header.vue";
import Main from "./views/Main.vue";
import Footer from "./views/Footer.vue";
import { ref } from "vue";
//壁纸--api链接
const bgImageUrl = ref<string | null>('https://www.yumus.cn/api/?target=img&brand=360&type=0');
</script>

<template>
  <div
    class="container"
    :style="{
      backgroundImage: 'url(' + bgImageUrl + ')',
      backgroundSize: 'cover',
      backgroundRepeat: 'no-repeat',
    }"
  >
    <Header> </Header>
    <Main></Main>
    <Footer></Footer>
  </div>
</template>

<style scoped>
.container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: rgb(62, 63, 65);
}
</style>
